$(function () {


    // 计算总价
    function allprice() {
        let num = 0;
        // 获取选中的商品来计算单价   这是一个集合需要遍历求和
        $('input:checked').siblings('.shop-price').find('.total-price').each(function (index, value) {
        num+= Number($(value).text())
        })
        
        // 开始渲染
        $('#allprice').text(num)
    }

    // 给加号绑定事件

    $('.jia').on('click', function () {
        $(this).prev().val(Number($(this).prev().val()) + 1);
        // 计算单价
        $(this).closest('li').find('.total-price').text(($(this).prev().val() * 169).toFixed(2))
        allprice();
    });

    // 给减号绑定事件
    $('.jian').on('click', function () {
        $(this).next().val(Number($(this).next().val()) - 1);
        $(this).next().val() <= 0 ? $(this).next().val('1') : ''
        // 计算单价
        $(this).closest('li').find('.total-price').text(($(this).next().val() * 169).toFixed(2))
        allprice();
    });

    // 用户手动输入时
    $('input:text').on('input', function () {
        $(this).val($(this).val().replace(/\D/g, ''));
        // 不让商品数量小于0
        $(this).val() <= 0 ? $(this).val('1') : '';
        $(this).closest('li').find('.total-price').text(($(this).val() * 169).toFixed(2))
        allprice();
    })

    // 店铺全选按钮
    $('ul input:checkbox').on('input', function () {
        $(this).closest('ul').find('input:checked').length == $(this).closest('ul').find('input:checkbox').length ? $(this).closest('ul').siblings('.shop-top').find('input').prop('checked', true) : $(this).closest('ul').siblings('.shop-top').find('input').prop('checked', false)
    })

    //店铺全选按钮点击全选
    $('.shop input').on('click', function () {
        $(this).parent().siblings('ul').find('input:checkbox').prop('checked', $(this).prop('checked'))
    })

    // 总全选按钮
    $('#checkAll').on('click', function () {
        // 简单方法
        $('input:checkbox').prop('checked', $(this).prop('checked'))
        // $(this).prop('checked')?$('input:checkbox').prop('checked',true):$('input:checkbox').prop('checked',false)
    })
    //全选按钮 取消选中
    $('input:checkbox').on('input', function () {
        allprice();
        console.log(1);
        $('.shop-top input').length == $('.shop-top input:checked').length ? $('#checkAll').prop('checked', true) : $('#checkAll').prop('checked', false)
    })


    // 选择按钮结束


    // 删除按钮
    $('#del').on('click',function(){
        // 获取所有选中的
        $('input:checked').closest('li').remove()
    })


    // 全部商品3 活动商品0 库存紧张0  鼠标移入事件
    $('.shopping-top span').on('mouseenter',function(){
        
        $('.shopping-top .floater').animate({left:`${($(this).index()-1)*110}`},200)
    })

    




})